<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Icon (Computer)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Icon_(Computer)"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Icon_Computer rootpage-Icon_Computer skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Icon (Computer)</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr">
<p>Der <a href="Lateinische_Sprache" class="mw-redirect" title="Lateinische Sprache">lateinisch</a>-<a href="Englische_Sprache" title="Englische Sprache">englische</a> Ausdruck <i><b>Icon</b></i> (aus <a href="Griechische_Sprache" title="Griechische Sprache">griechisch</a> <span lang="grc-Grek" class="Grek">εἰκών</span> zu <i><a href="Ikone" title="Ikone">Ikone</a></i><sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> oder auch <i><a href="Ikon" title="Ikon">Ikon</a></i> für „Bildchen“) benennt in der <a href="Informatik" title="Informatik">Informatik</a> ein kleines Bild oder <a href="Piktogramm" title="Piktogramm">Piktogramm</a>, das als Bestandteil einer <a href="Grafische_Oberfl%C3%A4che" class="mw-redirect" title="Grafische Oberfläche">grafischen Oberfläche</a> oft eine <a href="Datei" title="Datei">Datei</a> oder ein Verzeichnis und in ähnlicher Weise auf <a href="Schaltfl%C3%A4che" title="Schaltfläche">Schaltflächen</a> je einen Befehl an die Anwendungen kennzeichnet. Bei in der <a href="Deutsche_Sprache" title="Deutsche Sprache">deutschen Sprache</a> <a href="Lokalisierung_(Softwareentwicklung)" title="Lokalisierung (Softwareentwicklung)">lokalisierten</a> <a href="Anwendungsprogramm" class="mw-redirect" title="Anwendungsprogramm">Anwendungen</a> wird es meist als <i><b><a href="Symbol" title="Symbol">Symbol</a></b></i> bezeichnet.
</p>
<div class="mw-heading mw-heading2"><h2 id="Eigenschaften_und_Ergonomie">Eigenschaften und Ergonomie</h2></div>
<p>Icons sind meistens quadratisch und haben Standardgrößen mit Kantenlängen von 16, 24, 32, 48, 64, 128 oder 256 aber auch 512 <a href="Pixel" title="Pixel">Pixeln</a>. Durch den begrenzten <a href="Random-Access_Memory" title="Random-Access Memory">Arbeitsspeicher</a> von Computern bedingt, verwendete man früher nur eine eingeschränkte Anzahl von Farben, z. B. bei früheren Versionen von <a href="Microsoft_Windows" title="Microsoft Windows">Microsoft Windows</a> 16 oder 256 Farben. Heute geben die meisten Arbeitsumgebungen keine Grenze mehr vor (teilweise sind <a href="True_Color" title="True Color">16,7 Millionen Farben</a> Standard). Es werden viele verschiedene <a href="Grafikformat" title="Grafikformat">Bildformate</a> genutzt, die häufigsten sind <a href="ICO_(Dateiformat)" title="ICO (Dateiformat)">ICO</a> und <a href="Portable_Network_Graphics" title="Portable Network Graphics">PNG</a>. Mittlerweile werden auch frei skalierbare Vektorgrafiken verwendet, z. B. <a href="Scalable_Vector_Graphics" title="Scalable Vector Graphics">SVG</a>.
</p><p>Software ohne Icons ist kaum noch vorstellbar. Dennoch gilt: Der Benutzer muss die Bedeutung jedes Icons erst erlernen. Deshalb sollte seine Bedeutung für den Benutzer möglichst einfach zu erkennen sein. Der Ersteller eines Icons sollte seine Entwürfe mit Personen der Zielgruppe testen. Hierfür wird meist die Zuordnungshäufigkeit zwischen einem Icon und einem Begriff bzw. Eindeutigkeit der Assoziationen zu einem Icon betrachtet. Neuere Studien legen nahe, dass auch die Geschwindigkeit, mit der ein Icon ausgewählt wird, sowie emotionale Aspekte („Das Icon ist ansprechend“) in die Bewertung mit einfließen sollten. Ein Vorteil von Icons liegt in ihrem hohen Wiedererkennungswert.
</p>
<div class="mw-heading mw-heading2"><h2 id="Funktion">Funktion</h2></div>
<p>Icons sind ein wichtiger Bestandteil bei Dateimanagern für <a href="Grafische_Benutzeroberfl%C3%A4che" title="Grafische Benutzeroberfläche">grafische Benutzeroberflächen</a> (<a href="Englische_Sprache" title="Englische Sprache">englisch</a> kurz <i><span lang="en">GUIs</span></i>). Je nach Einstellung wird durch einen einfachen <a href="Maus_(Computer)" class="mw-redirect" title="Maus (Computer)">Mausklick</a> oder durch einen <a href="Doppelklick" class="mw-redirect" title="Doppelklick">Doppelklick</a> die dem Icon zugeordnete Aktion ausgeführt (z. B. der Start eines Programmes, das Öffnen einer Bilddatei mit einem <a href="Grafiksoftware" title="Grafiksoftware">Bildbearbeitungsprogramm</a> oder das Abspielen einer Klangdatei). Dabei haben die Icons meistens einen Bezug zu den Dateitypen oder dem damit verknüpften Programm, so haben Textdateien das Symbol eines Textblockes oder Hilfe-Dateien das eines Fragezeichens.
</p><p>Nach dem Vorbild des <a href="Apple_Macintosh" class="mw-redirect" title="Apple Macintosh">Apple Macintosh</a> wird von den meisten <a href="Betriebssystem" title="Betriebssystem">Betriebssystemen</a> und Benutzeroberflächen ein Doppelklick auf ein Icon mit dem Befehl „Öffnen“ gleichgesetzt. Ein (Doppel)klick auf ein Programm-Icon startet das dazugehörige Programm. Unter oder neben dem Icon steht meistens der Programm- oder <a href="Datei" title="Datei">Dateiname</a>. Zeigt man, ohne zu klicken, mit dem <a href="Mauszeiger" title="Mauszeiger">Mauszeiger</a> auf ein Icon, wird oft noch ein ausführlicherer Informationsblock sichtbar.
</p>
<div class="mw-heading mw-heading2"><h2 id="Verwendungsbeispiele">Verwendungsbeispiele</h2></div>
<p>In <a href="Dateimanager" title="Dateimanager">Dateimanagern</a> wie <a href="Windows-Explorer" title="Windows-Explorer">Windows-Explorer</a>, <a href="Konqueror" title="Konqueror">Konqueror</a> und <a href="Nautilus_(Dateimanager)" title="Nautilus (Dateimanager)">Nautilus</a> kann der gesamte Festplatteninhalt in Form von Icons angezeigt werden. Dabei repräsentiert ein Icon eine Datei oder einen <a href="Verzeichnisstruktur" title="Verzeichnisstruktur">Ordner</a>.
</p><p>Icons in <a href="Symbolleiste" title="Symbolleiste">Symbolleisten</a> haben meistens die Funktion einer <a href="Schaltfl%C3%A4che" title="Schaltfläche">Schaltfläche</a>. Sie dienen der Versinnbildlichung von Programmfunktion oder dazugehörigem Befehl wie <i>Drucken</i>, <i>Speichern</i>, <i>Fettschrift</i>. Diese werden meist mit einem einfachen Mausklick ausgelöst.
</p><p>In Abhängigkeit von der verwendeten Desktop-Umgebung ist es möglich, wichtige Icons auf den <a href="Desktop_(grafische_Benutzeroberfl%C3%A4che)" title="Desktop (grafische Benutzeroberfläche)">Desktop</a> oder in <a href="Symbolleiste" title="Symbolleiste">Symbolleisten</a> von <a href="Computerprogramm" title="Computerprogramm">Programmen</a> zu legen, so dass bestimmte Programme schnell gestartet oder Dateien schnell geöffnet werden können.
</p>
<div class="mw-heading mw-heading2"><h2 id="Icon-Software">Icon-Software</h2></div>
<p>Icons können mit speziellen <a href="Grafiksoftware#Icon-Editoren" title="Grafiksoftware">Icon-Editoren</a> erstellt und bearbeitet werden. Diese bieten zahlreiche Vorlagen und Bearbeitungswerkzeuge und können mit verschiedenen Dateiformaten umgehen.
</p><p>Moderne Bildbearbeitungsprogramme können in der Regel von Haus aus Icons in den Standardformaten <a href="ICO_(Dateiformat)" title="ICO (Dateiformat)">ICO</a>, <a href="Apple_Icon_Image" title="Apple Icon Image">ICNS</a> und <a href="Portable_Network_Graphics" title="Portable Network Graphics">PNG</a> speichern, so dass man nicht mehr auf Spezialsoftware angewiesen ist.
</p>
<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>
<ul><li>Rayan Abdullah, Roger Hübner: <i>Piktogramme und Icons. Pflicht oder Kür?</i> Verlag Hermann Schmidt, Mainz, 2005, ISBN 3-87439-649-5.</li>
<li>Alexander Christian: <i>Piktogramme. Kritischer Beitrag zu einer Begriffsbestimmung.</i> Shaker, Aachen, 2009, ISBN 978-3-8322-8021-5.</li>
<li>Jochen Gros: <i>Icon-Typing, Piktogramme und Icons in OpenType</i>. BoD, 2006, ISBN 3-8334-3261-6.</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<div class="sisterproject" style="margin:0.1em 0 0 0;"><div class="noresize noviewer" style="display:inline-block; line-height:10px; min-width:1.6em; text-align:center;" aria-hidden="true" role="presentation"><span class="mw-default-size" typeof="mw:File"><span title="Commons"></span></span></div><b><span class=""><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Icons?uselang=de"><span lang="en">Commons</span>: Icons</a></span></b> – Sammlung von Bildern, Videos und Audiodateien</div>
<div class="mw-heading mw-heading2"><h2 id="Einzelbelege">Einzelbelege</h2></div>
<ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://www.duden.de/rechtschreibung/Icon">Icon</a> – <i><a href="Duden" title="Duden">Duden</a></i>, <i><a href="Bibliographisches_Institut" title="Bibliographisches Institut">Bibliographisches Institut</a></i>; 2016</span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-05-19" href="https://de.wikipedia.org/wiki/?title=Icon_(Computer)&oldid=256135567">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>